/*section1 内容1的版块*/
.section {
	position:relative;
	width: 1210px;
	height: 530px;
	margin:0 auto;
	margin-top: 30px; 
}
#banner .content{
   position: relative;
   width:1210px;
   margin: 0 auto;
}
.content h2{
	height: 32px;
	text-align:center;
	line-height: 32px;
    color:black;
    font-size:32px;
}
.content>span{
	position:absolute;
	top:16px;
	right:0;
	font-size:14px;
}
.content>span a{
	color:black;
}
.content>span a:hover{
	color:red;
}
.content ul{
	margin-top:10px;
	height: 480px;
	width: 100%;
	cursor: pointer;
}
.content>ul>li{
	float:left;
}
.content ul li img{
   display:block;
}
/*.con1 版块1*/
.content ul li .con1{
   height: 100px;
   width: 100%;
   margin:0;
}
/*con c1 版块1左*/
.content ul li .con1 .c1{
	position:relative;
	margin-top:0;
	float: left;
	width: 92px;
	height: 100%;
	background: #cf2653;
	text-align:center;
	color:white;
}
.content ul li .con1 .c1 p{
	margin-top:15px;
	width: 100%;
    height: 36px;
    line-height: 36px;
    font-size: 36px;
    font-family: Impact;
    color:#fff;
}
.content ul li .con1 .c1 span{
	display:block;
    height: 14px;
    line-height: 14px;
    font-size: 16px;
    font-family: 'Andale Mono';
    opacity: .3;
}
/*con c2 版块2右*/
.content ul li .con1 .c2{
	float: left;
	width: 311px;
	height: 100%;
	text-align:center;
	background: #fff;
	color:black;
}
.content>ul .lihov:hover .c2{
	background: #2c2426;
}
.content>ul .lihov:hover span{
	color:white;
}
.content>ul .lihov:hover h4{
	color:white;
}
.content ul li .con1 .c2 img{
	width: 30px;
	height: 43px;
	float:left;
	margin-top:30px;
	margin-left:20px;
	margin-right:5px;
}
.content ul li .con1 .c2 span,h4{
   width: 238px;
   height: 25px;
   text-align: left;
   line-height: 25px;
   font-size:16px;
}
.content ul li  .c2 span{
   display:block;
   margin-top:25px;
}
.content ul li  .c2 h4{
   color:#cf2653;
   font-family: 'tahoma';
}

#secleft ul {
   width: 403px;
   height: 480px;
   margin:0;
   position:relative;
}
#secleft ul li{
	width:201px;
	height:240px;
	float:left;
}
#secleft ul li .c2{
	width:200px;
	height: 100px;
}
#secleft ul li img{
	width: 200px;
	height: 140px;
}
#secleft ul li .c2 span,h4{
	width: 200px;
	text-align:center;
}
/*sec2 版块2*/
.sec2 .content>ul{
	height:380px;
}
.sec2 .content>ul li {
	overflow:hidden;	
}
.sec2 .content>ul li>img{
    width: 400px;
    height:380px;
    transition:all 2s;
}
.sec2 .content>ul li>img:hover {
   transform:scale(1.09);
}
.sec2 .content>ul li ul{
	margin:0;
}
.sec2 .content>ul li ul{
		height:380px;
}
.sec2 .content>ul li .sec2_left{

	float:left;
	margin-left:1px;
	background: #f7f6fc;
}
.sec2 .content>ul li .sec2_left>div{
	overflow:hidden;
	position:relative;
}
.sec2 .content>ul li .sec2_left>div img{
    width: 200px;
    height: 280px;
    transition:all 2s;
    
}
.sec2 .content>ul li .sec2_left>div .sec2_top,.sec2_bot{
	width: 47px;
	height: 44px;
	position: absolute;
    left: 0;
    bottom:0;
    width: 47px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    background-color: #2c2426;
    color: #fff;
    font-size: 14px;
}
.sec2 .content>ul li .sec2_left>div .sec2_top{
    bottom:50px;
}
.sec2 .content>ul li .sec2_left>div img:hover{
	transform:scale(1.09);
}
.sec2 .content>ul li .sec2_left .sec2_img2{
	width: 201px;
	height: 100px;
}
.sec2 .content>ul li .sec2_left .sec2_img2 img{
	width: 80px;
	height: 40px;
	margin-top:20px;
	margin-left:60px;
}
.sec2 .content>ul li .sec2_left .sec2_img2 span{
	display:block;
	width: 200px;
	height: 36px;
    line-height: 36px;
    color: #cf2653;
    font-size: 16px;
    text-align: center;
}
/*.brand 下边的商标图片*/
.sec2 .content .brand{
	height: 98px;
	width: 100%;
	background:#f7f6fc;
	padding:0;
}
.sec2 .content .brand ul{
	padding:0;
	width: 100%;
	height: 50px;
	margin-top:0px;
}
.sec2 .content .brand ul>li{
	position:relative;
	height:50px;
	width: 100px;
	margin-left:30px;
	margin-top:25px;
	background: #fff;
	float:left;
}
.sec2 .content .brand ul>li p{
	position:absolute;
	z-index:4;
	top:0;
	height:30px;
	left:35px;
	text-align:center;
	line-height:50px;
	font-size:14px;
	color:red;
	opacity:0;
	background: #fff;
	transition:all 1s;
}
.sec2 .content .brand ul>li:hover p{
	 opacity:1;
}
.sec2 .content .brand ul>li:hover img{
	transform:rotateY(180deg);
	opacity:0;
}
.sec2 .content .brand ul>li .bb2{
	left:20px;
}
.sec2 .content .brand ul>li img{
	transition: all 1s;
	opacity:1;
}
.sec2 .content .brand ul>li img:hover{
    transform:rotateY(180deg);
    opacity:0;
}




